<template>
  <page-frame>
    <div class="subsidy">
      <div class="toptitle">
        <div class="left">补助申请</div>
        <div class="right">
          <!--<div class="btns">-->
            <!--<el-button @click="memberFile" class="lightGreenBtn">会员建档</el-button>-->
          <!--</div>-->
        </div>
      </div>
      <div class="borderT"></div>
      <div class="subsidy-main">

        <el-tabs type="border-card">
          <el-tab-pane>
            <span slot="label">民办机构运营补贴申请</span>
            <el-form ref="form" :model="form" label-width="100px">
              <el-row :gutter="2">
                <el-col :span="8">
                  <el-form-item label="机构名称">
                    <el-input v-model="form.orgName"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="开业时间">
                    <el-date-picker
                      v-model="form.openingDate"
                      type="date">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="法人代表">
                    <el-input v-model="form.name"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="16">
                  <el-form-item label="详细地址">
                    <el-input v-model="form.legalrepResentative"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="联系电话">
                    <el-input v-model="form.phone"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="社会福利机构批准证书编号">
                    <el-input v-model="form.welfareNo"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="民办非企业登记证书编号">
                    <el-input v-model="form.enterpriseNo"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="建筑面积">
                    <el-input v-model="form.areaOfStructure"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="标准床位数">
                    <el-input v-model="form.bedNums"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <div>职工情况(总数)</div>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="6">
                  <el-form-item label="管理人员">
                    <el-input v-model="form.admin">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="服务人员">
                    <el-input v-model="form.service">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="其他人员">
                    <el-input v-model="form.others">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="合计">
                    <el-input v-model="form.sum">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <div>收住老人情况(总数)</div>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="6">
                  <el-form-item label="自费老人">
                    <el-input v-model="form.atTheoldMan">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="三无老人">
                    <el-input v-model="form.threeMan">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="五保老人">
                    <el-input v-model="form.fiveMan">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="合计">
                    <el-input v-model="form.peopleSum">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <div>申请资助人数(总数)</div>
                </el-col>
              </el-row>
              <el-row  class="yue">
                <el-col :span="4">
                  <el-form-item label="1月">
                    <el-input v-model="form.month1">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="2月">
                    <el-input v-model="form.month2">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="3月">
                    <el-input v-model="form.month3">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="4月">
                    <el-input v-model="form.month4">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="5月">
                    <el-input v-model="form.month5">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="6月">
                    <el-input v-model="form.month6">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>

              <el-row class="yue">
                <el-col :span="4">
                  <el-form-item label="7月">
                    <el-input v-model="form.month7">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="8月">
                    <el-input v-model="form.month8">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="9月">
                    <el-input v-model="form.month9">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="10月">
                    <el-input v-model="form.month10">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="11月">
                    <el-input v-model="form.month11">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="4">
                  <el-form-item label="12月">
                    <el-input v-model="form.month12">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>

                <el-col :span="6">
                  <el-form-item label="合计">
                    <el-input v-model="form.monthSum">
                      <template slot="append">人</template>
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                 <span>郑重声明:以上信息完全真实，且申请年度内我机构无严重责任事故和重大服务纠纷，无侵害入住老年服务对象合法合法权益现象。特此申请资助</span>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="申请人">
                    <el-input v-model="form.apply"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="申请年度">
                    <el-date-picker
                      v-model="form.applyYear"
                      type="date">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-form-item>
                <el-button type="primary" @click="onSubmit">确定</el-button>
                <el-button @click="del1">取消</el-button>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane>
            <span slot="label">一次性建设补贴申请</span>
            <el-form ref="form2" :model="form2" label-width="100px">
              <el-row :gutter="2">
                <el-col :span="8">
                  <el-form-item label="机构名称">
                    <el-input v-model="form2.name"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="开业时间">
                    <el-date-picker
                      v-model="form2.time"
                      type="date">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="法人代表">
                    <el-input v-model="form2.people"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="16">
                  <el-form-item label="详细地址">
                    <el-input v-model="form2.add"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="联系电话">
                    <el-input v-model="form2.phone"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="社会福利机构批准证书编号">
                    <el-input v-model="form2.no"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="民办非企业登记证书编号">
                    <el-input v-model="form2.num"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <div>床位状况 (总数)</div>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="6">
                  <el-form-item label="原有床位数">
                    <el-input v-model="form2.bedOld">
                      <template slot="append">张</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="增加床位数">
                    <el-input v-model="form2.bedNew">
                      <template slot="append">张</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="增加床位类别">
                    <el-radio-group v-model="form2.bedType">
                      <el-radio label="0">新建</el-radio>
                      <el-radio label="1">扩建</el-radio>
                    </el-radio-group>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <span>郑重声明:以上信息完全真实，且申请年度内我机构无严重责任事故和重大服务纠纷，无侵害入住老年服务对象合法合法权益现象。特此申请资助</span>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="申请人">
                    <el-input v-model="form2.author"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="申请年度">
                    <el-date-picker
                      v-model="form2.applyTime"
                      type="date">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-form-item>
                <el-button type="primary" @click="onSubmit">确定</el-button>
                <el-button @click="del2">取消</el-button>
              </el-form-item>
            </el-form>
          </el-tab-pane>
          <el-tab-pane>
            <span slot="label">运营补贴资金负担表</span>
            <el-form ref="form3" :model="form3" label-width="100px">
              <el-row :gutter="2">
                <el-col :span="8">
                  <el-form-item label="机构名称">
                    <el-input v-model="form3.name"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="16">
                  <el-form-item label="详细地址">
                    <el-input v-model="form3.add"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="联系电话">
                    <el-input v-model="form3.phone"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="标准床位数">
                    <el-input v-model="form3.bedNum"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="入住老人数">
                    <el-input v-model="form3.peopleNum"></el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <div>机构运营补贴资金(按照 50 元/月、床标准计算)</div>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="6">
                  <el-form-item label="市本级财政负担资金">
                    <el-input v-model="form3.finance1">
                      <template slot="append">元</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="市辖区财政负担资金">
                    <el-input v-model="form3.finance2">
                      <template slot="append">元</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="县(市)财政负担资金">
                    <el-input v-model="form3.finance3">
                      <template slot="append">元</template>
                    </el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="6">
                  <el-form-item label="省级财政负担资金">
                    <el-input v-model="form3.finance4">
                      <template slot="append">元</template>
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="资金总额">
                    <el-input v-model="form3.financeAll">
                      <template slot="append">元</template>
                    </el-input>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="24">
                  <span>注1：附表随市（地）、县（市、区）财政部门国库拨款凭证（拨款凭证必须是原注明的资助民办养老服务运营补贴资金）和民政部门接收财政部门拨款凭证复印件</span>
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="8">
                  <el-form-item label="申请人">
                    <el-input v-model="form3.author"></el-input>
                  </el-form-item>
                </el-col>
                <el-col :span="8">
                  <el-form-item label="申请年度">
                    <el-date-picker
                      v-model="form3.applyTime"
                      type="date">
                    </el-date-picker>
                  </el-form-item>
                </el-col>
              </el-row>
              <el-form-item>
                <el-button type="primary" @click="onSubmit">确定</el-button>
                <el-button @click="del3">取消</el-button>
              </el-form-item>
            </el-form>
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </page-frame>
</template>

<script>

  export default {
    data() {
      return {
        form: {
          orgName: '',
          openingDate: '',
          name: '',
          legalrepResentative: '',
          phone: "",
          welfareNo: "",
          enterpriseNo: '',
          areaOfStructure: '',
          bedNums:"",
          admin: '',
          service: '',
          others: '',
          sum: '',
          atTheoldMan: "",
          threeMan: "",
          fiveMan: '',
          peopleSum: '',
          month1: '',
          month2: '',
          month3: '',
          month4: '',
          month5: "",
          month6: "",
          month7: '',
          month8: '',
          month9: '',
          month10: '',
          month11: '',
          month12: '',
          monthSum: "",
          apply: "",
          applyYear: '',
        },
        form2:{
          name:"",
          time:"",
          people:"",
          add:"",
          phone:"",
          no:"",
          num:"",
          bedOld:"",
          bedNew:"",
          bedType:"",
          author:"",
          applyTime:"",
        },
        form3:{
          name:"",
          add:"",
          phone:"",
          bedNum:"",
          peopleNum:"",
          finance1:"",
          finance2:"",
          finance3:"",
          finance4:"",
          financeAll:"",
          author:"",
          applyTime:"",
        },

      }
    },
    methods: {
      init(){

      },
      onSubmit(){
        this.$router.push({name:"applyExamine"});
      },
      del1(){
        this.form =  {
          orgName: '',
            openingDate: '',
            name: '',
            legalrepResentative: '',
            phone: "",
            welfareNo: "",
            enterpriseNo: '',
            areaOfStructure: '',
            bedNums:"",
            admin: '',
            service: '',
            others: '',
            sum: '',
            atTheoldMan: "",
            threeMan: "",
            fiveMan: '',
            peopleSum: '',
            month1: '',
            month2: '',
            month3: '',
            month4: '',
            month5: "",
            month6: "",
            month7: '',
            month8: '',
            month9: '',
            month10: '',
            month11: '',
            month12: '',
            monthSum: "",
            apply: "",
            applyYear: '',
        }
      },
      del2(){
        this.form2 =  {
          name:"",
          time:"",
          people:"",
          add:"",
          phone:"",
          no:"",
          num:"",
          bedOld:"",
          bedNew:"",
          bedType:"",
          author:"",
          applyTime:"",
        }
      },
      del3(){
        this.form3 = {
          name:"",
          add:"",
          phone:"",
          bedNum:"",
          peopleNum:"",
          finance1:"",
          finance2:"",
          finance3:"",
          finance4:"",
          financeAll:"",
          author:"",
          applyTime:"",
        }
      },
    },
    mounted: function () {
      this.init();
    },


  }
</script>
<style>

  .subsidy{

  }
  .subsidy .el-input-group{
    display: inline-table!important;
  }
  .subsidy .yue .el-input{
   width: 100%!important;
  }


</style>

